var totalPage;//总页码
var currentPage = 1;//当前页
var pageSize = 5;//显示条数
var emptyArr = [];
// var obj = getSessionData("classArr");//储存为浏览器数据
var is = -1;
if(!sessionStorage.getItem("classArr")){
        var str1 = JSON.stringify(classArr);
        sessionStorage.setItem("classArr",str1);
}
if(!sessionStorage.getItem("schoolArr")){
        var str2 = JSON.stringify(schoolArr);
        sessionStorage.setItem("schoolArr",str2);
}
if(!sessionStorage.getItem("cityArr")){
        var str3 = JSON.stringify(cityArr);
        sessionStorage.setItem("cityArr",str3);
}
if(sessionStorage.getItem("classArr")){
      var arr =  sessionStorage.getItem("classArr");
        classArr = JSON.parse(arr)
}
total(classArr);//总共多少条数据
tableList(classArr);//显示列表
changeSchool();//下拉列表改变之后，对应表格改变
delEvent();// 确定删除事件
delAllEvent();// 确定批量删除事件
pageCreate(classArr);//生成页码
pageChange();//换页
bianjiEvent();//编辑的按钮事件
showShi();//显示市--和相应的学校
addBtnEvent();//添加的按钮事件




//显示列表
function tableList(arr){
             var a =  sessionStorage.getItem("classArr");
               classArr = JSON.parse(a);

        $('tbody').html('');
        var start = (currentPage - 1)* pageSize;
        var end = start + pageSize;

        for (var i = start;i<end && i < arr.length; i++) {
                $('tbody').append(`
            <tr>
                <td><input type="checkbox" class="oneOption" data-id="${arr[i].id}" ></td>
                <td class="iid">${arr[i].id}</td>
                <td class="iname">${arr[i].name}</td>
                <td class="itNo">${arr[i].tNo}</td>
                <td class="itName">${arr[i].tName}</td>
                <td class="inumber">${arr[i].number}</td>
                <td class="istartTime">${arr[i].startTime}</td>
                <td>
                    <span class="iconfont icon-shanchu spnDel" index="${i}" data-id="${arr[i].id}">
                    </span>
                    <span class="iconfont icon-bianji bianji " data-id="${arr[i].id}">
                    </span>
                </td>
            </tr>
                `)
        }
}
//显示市
function showShi() {
        var a =  sessionStorage.getItem("cityArr");
        cityArr = JSON.parse(a);
        var b =  sessionStorage.getItem("schoolArr");
        schoolArr = JSON.parse(b);
        for (var i = 0;i<cityArr.length;i++){
                $(".select_shi").append(`
                <option value="${cityArr[i].id}">${cityArr[i].name}</option>
                `)
                //显示对应学校
                $(".select_shi").change(function () {
                        var shiVal = $(".select_shi").val();
                        $(".select_school").html("");
                        for (var j = 0 ; j<schoolArr.length;j++){
                                if (schoolArr[j].cityNo===shiVal){
                                        $(".select_school").append(`
                                                <option value="${schoolArr[j].id}">${schoolArr[j].name}</option>
                                                `)
                                }
                        }
                })
        }
}
//下拉列表改变之后，对应表格改变
function changeSchool() {
        var a =  sessionStorage.getItem("classArr");
        classArr = JSON.parse(a);
        $(".bj_sousou").click(function () {
                var shoolVal = $(".select_school").val();
                emptyArr=[];
                for (var i=0;i<classArr.length;i++){
                        if (shoolVal==classArr[i].scid){
                                emptyArr.push(classArr[i]);
                        }
                }
                var str = JSON.stringify(classArr)
                sessionStorage.setItem("classArr",str);
                total(emptyArr);
                tableList(emptyArr);
                pageCreate(emptyArr);

        })
}
//总共多少条数据
function total(arrt){
        var len = arrt.length;
     $("#tatolData").text(len);
}
// 编辑事件
function bianjiEvent(){
var i ;
        var a =  sessionStorage.getItem("classArr");
        classArr = JSON.parse(a);
        $("tbody").on("click",".bianji",function () {
                $("#myModal2").modal("show");
                //找到编辑按钮所在的那行的id

                var index1 = $(this).attr("data-id");

                //遍历数组，如果id等于编辑那行的id，就把那行的数据赋值给input框的val
                $(classArr).each(function (index,item) {
                        if (item.id ===index1) {
                                $("#text_id1").val(item.id);
                                $("#text_Name1").val(item.name);
                                $("#text_tNo1").val(item.tNo);
                                $("#text_tName1").val(item.tName);
                                $("#text_number1").val(item.number);
                                $("#text_startTime1").val(item.startTime);
                                i = index;
                        }
                })

        })
        $(".bj_yes").click(function () {
                var a =  sessionStorage.getItem("classArr");
                classArr = JSON.parse(a);
                var text_id1 = $("#text_id1").val();
                var text_Name1 = $("#text_Name1").val();
                var text_tNo1 = $("#text_tNo1").val();
                var text_tName1 = $("#text_tName1").val();
                var text_number1 = $("#text_number1").val();
                var text_startTime1 = $("#text_startTime1").val();

                var obj2 = {"id":text_id1, "name": text_Name1, "tNo": text_tNo1, "tName":text_tName1, "number": text_number1, "startTime": text_startTime1};

                classArr.splice(i,1,obj2);
                var str = JSON.stringify(classArr)
                sessionStorage.setItem("classArr",str);
                // setSessionData("classArr",classArr);
                tableList(classArr);
        })


}
// 全选框
$(".allOption").click(function () {
        var isCheck = this.checked;
        $(".oneOption").each(function (index,item) {
             item.checked = isCheck;
        })
})
//模态框取消按钮
$(".no").click(function () {
        $("#myModal").modal("hide");
        $("#myModal1").modal("hide");
        $("#myModal2").modal("hide");
})
$(".btnAdd").click(function () {
        $("#myModal").modal("show");
})
//添加按钮的事件
function addBtnEvent(){
        $(".addYes").click(function () {
                var text_id = $("#text_id").val();
                var text_Name = $("#text_Name").val();
                var text_tNo = $("#text_tNo").val();
                var text_tName = $("#text_tName").val();
                var text_number = $("#text_number").val();
                var text_startTime = $("#text_startTime").val();

                var obj1 = {"id":text_id, "name": text_Name, "tNo": text_tNo, "tName":text_tName, "number": text_number, "startTime": text_startTime};
                var a =  sessionStorage.getItem("classArr");
                classArr = JSON.parse(a);
                classArr.push(obj1);
                var str = JSON.stringify(classArr)
                sessionStorage.setItem("classArr",str);
                // setSessionData("classArr",classArr);
                pageCreate(classArr);//生成页码
                pageChange();//换页
                tableList(classArr);//刷新显示列表

        })
}
// 确定批量删除事件
function delAllEvent(){
        $(".btnDelAll").click(function () {
                $("#myModal1").modal("show");
                is =1;
        })
}
// 确定删除事件
function delEvent(){
        var par ;
        var id;
        $("tbody").on("click",".spnDel",function () {
                $("#myModal1").modal("show");
                 par = $(this).parent().parent();
                 id = $(this).attr('index');
                 is = -1;
        })
        $(".yes").click(function () {
                if (sessionStorage.getItem("classArr")){
                        var a =  sessionStorage.getItem("classArr");
                        classArr = JSON.parse(a);
                }

                if (is == -1){

                        par.remove();
                        if (emptyArr.length !=0){
                                classArr.splice(id,1);
                                emptyArr.splice(id,1);
                                tableList(emptyArr);
                                pageCreate(emptyArr);
                                var str = JSON.stringify(classArr)
                                sessionStorage.setItem("classArr",str);
                        }else {

                                console.log(id)
                                classArr.splice(id,1);
                                var str = JSON.stringify(classArr)
                                sessionStorage.setItem("classArr",str);
                                console.log(classArr)
                                tableList(classArr)
                                pageCreate(classArr)

                        }

                }
                else {
                        var a =  sessionStorage.getItem("classArr");
                        classArr = JSON.parse(a);
                        $(".oneOption").each(function (index,item){
                                var id = $(this).attr('data-id');
                                if(item.checked){
                                        var  par = $(this).parent().parent();
                                                // var arr = sessionStorage.getItem("classArr");
                                                // classArr = JSON.parse(arr);//拉下来
                                                par.remove();
                                                // var str  = JSON.stringify(classArr);
                                                // sessionStorage.setItem("classArr",str);//存进去

                                        if (emptyArr.length !=0){
                                                classArr.splice(id,1);
                                                emptyArr.splice(id,1);
                                                tableList(emptyArr);
                                                pageCreate(emptyArr);
                                                delArr(id);
                                                total(classArr);
                                                var str = JSON.stringify(classArr)
                                                sessionStorage.setItem("classArr",str);
                                        }else {
                                                console.log(1)
                                                classArr.splice(id,1);
                                                delArr(id);
                                                total(classArr);
                                                pageCreate(classArr);
                                                tableList(classArr)
                                                var str = JSON.stringify(classArr)
                                                sessionStorage.setItem("classArr",str);
                                        }


                                }
                        })
                }

        })
}
//删除数组数据
function delArr(id){
        var a =  sessionStorage.getItem("classArr");
        classArr = JSON.parse(a);
        for (var i = 0; i < classArr.length; i++) {
                if(classArr[i].id === id){
                        classArr.splice(i,1);
                        // setSessionData("classArr",classArr);
                        break;
                }
        }
        var str = JSON.stringify(classArr)
        sessionStorage.setItem("classArr",str);
}
//生成页码
function pageCreate(arr){
        $('.divPage').html('');
        var totalSize = arr.length;
        totalPage = Math.ceil(totalSize/pageSize);
        if (currentPage > totalPage){
                currentPage = totalPage;
        }

        for (var i = 1; i <=totalPage ; i++) {
                if(i==currentPage){
                        $('.divPage').append(`
                        <button class="btnPage de_pageBtActive">${i}</button>
                `)
                }else {
                        $('.divPage').append(`
                        <button class="btnPage">${i}</button>
                `)
                }
        }
}
//换页
function pageChange(){
        $('.divPage').on('click','button',function (){
                $(".de_pageBt button").each(function () {
                        $(this).attr("class","");        //清空所有按钮的点击class属性
                });
                $(this).addClass("de_pageBtActive");
                currentPage = Number($(this).text())
                tableList(classArr);
        })
}



//得到浏览器中的数据     str:数组名
// function getSessionData(str) {
//         if(sessionStorage.getItem(str)) {         //浏览器中存在该数组
//
//         }else {          //不存在，初识化
//                 if(str == "classArr"){
//                         sessionStorage.setItem(str,JSON.stringify(classArr));
//                 }else if(str == "emptyArr") {
//                         sessionStorage.setItem(str,JSON.stringify(newNotice));
//                 }
//         }
//         var obj = JSON.parse(sessionStorage.getItem(str));
//         return obj;
// }

//将数据存储到浏览器      str:数组名  data:数组
// function setSessionData(str,data) {
//         var newStr = JSON.stringify(data);
//         sessionStorage.setItem(str,newStr);
// }
